<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>社区生活</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_bbsdetail.css" />
    <style>
        .bbs_mainbox {
            position: relative;
        }

        .choosebox {
            width: 80px;
            position: absolute;
            top: 60px;
            left: 2px;
            background: #fff;
            padding-top: 10px;
            border-radius: 5px;
            box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
            z-index: 99999;

        }

        .topstyle {
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            border-bottom: dashed 0.5px #eee;
        }

        .maskbg {
            /* background: rgba(255,255,255,.01); */
            z-index: 98;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content">
            <ul class="aui-list aui-media-list  bbs_mainbox">
                <!-- 弹框黑色背景 -->
                <div v-on:click="doHideSearch()" v-if="selectId==form.id" class="maskbg">
                </div>
                <!-- 弹出框 v-if="showTop" -->
                <div v-if="selectId==form.id" class="choosebox showTopstyle" style="height:100px;">
                    <div class="topstyle" v-on:click="jubao(form.UserID,form.id,form.PrijectID)">举报</div>
                    <div class="topstyle" style="border-bottom: none;"
                        v-on:click="addto_black(form.UserID,form.PrijectID)">拉黑</div>
                </div>
                <li class="aui-list-item">
                    <section class="aui-chat">
                        <div class="aui-chat-item aui-chat-left">
                            <div class="ontouchstyle" 
                            @touchstart="gettouchStart(form.id,form.UserID)" 
                            @touchmove="gettouchmove()" @touchend="getttouchend()">
                                <img v-bind:src="form.headimage" />
                            </div>
                            <div class="aui-chat-inner chat_title">
                                <div class="aui-chat-name">
                                    <span class="aui-label lllt_name">{{form.Name}}</span>
                                    <span class="chat_time">{{form.AddTime}}</span>
                                </div>
                                <div class="aui-chat-address">
                                    <label class="location">{{form.myxiaoquname}}</label>
                                </div>
                            </div>
                            <div class="aui-chat-inner chat_content">
                                <div v-html="form.Content"></div>
                            </div>
                        </div>
                        <div style="clear: both;"></div>
                    </section>
                </li>
                <li class="aui-list-item" style=" width: 100%; padding-left:0px; overflow: hidden;"
                    v-if="imglist.length>0">
                    <div class="imglist_box ">
                        <div class="imglist_item" v-for="(item, index) in imglist">
                            <img v-on:click="img_browser(index)" class="imgitem ml4" v-bind:src="item.url" />
                        </div>
                    </div>
                </li>
                <li v-if="form.GroupName">
                    <div class="chatag_box"><label class="chat_tag">#{{form.GroupName}}#</label></div>
                </li>
                <li class="aui-list-item comment_bottom">
                    <div class="aui-row">
                        <div class=" chat_rate" v-if="form.cancomment">
                            <label v-on:click="do_praise(0)">
                                <i class="icon iconfont icon-dianzan1"
                                    style="font-size: 1.2rem; position: relative;top:2px"
                                    v-bind:class="{'isactive':form.ispraised}"></i>{{form.dianzan}}
                            </label>
                            <label v-on:click="start_post(0)">
                                <i class="icon iconfont icon-tongzhi4" style="font-size: 0.9rem;"></i>{{form.comment}}
                            </label>
                            <label v-on:click="do_collectposts(1)">
                                <i class="icon iconfont icon-guanzhu"
                                    style="font-size: 1.2rem; position: relative;top:2px"
                                    v-bind:class="{'isactive':form.iscancomment}"></i>
                            </label>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="aui-content comment">
            <div class="pingjia_box_title">全部评论</div>
            <section class="aui-chat" v-for="item in commentlist" v-on:click="start_post(item.UserID,item.Name)">
                <div class="aui-chat-item aui-chat-left">
                    <div class="aui-chat-media">
                        <img v-bind:src="item.headimage" />
                    </div>
                    <div class="aui-chat-inner">
                        <div class="aui-chat-name">
                            <span class="aui-label lllt_name">{{item.Name}}</span>
                            <span class="chat_time">{{item.AddTime}}</span>
                        </div>
                        <div class="aui-chat-address">
                            <label class="location">{{item.myxiaoquname}}</label>
                        </div>
                        <div class="aui-chat-content" style="background-color: #fff;">
                            <label v-if="item.ResponseUserID>0">回复<span
                                    style="color:#808080;">{{item.ResponseUserName}}</span>
                            </label>
                            {{item.Content}}
                        </div>
                    </div>
                </div>
            </section>
            <div id="noorder" v-if="havenocomments" class="nodata">
                <img class="nodata_pic" src="../image/nodata.png" />
                <h5><br />暂无相关帖子</h5>
            </div>
        </div>
        <!--  -->
        <div class="chat_bottom" v-if="form.cancomment&&!form.userforbiddened">
            <table class="chat_table">
                <tr>
                    <td class="second" v-on:click="start_post(0)">
                        <textarea id="textarea" v-model="comment.Content" placeholder="说点什么吧..."></textarea>
                    </td>
                    <td class="third" v-on:click="do_post()">发送</td>
                </tr>
            </table>
        </div>
        <div class="shadow" v-on:click="hide_keyboard()" v-if="show_keyboard"></div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/textarea.js"></script>
<script type="text/javascript" src="js/dl_bbsdetail.js"></script>

</html>